<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />

        <title>Kasutajaliidesed</title>
        <!-- 
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"> </script>
         -->
        <script type="text/javascript" src="js/jquery-1.7.2.js"> </script>
        <script type="text/javascript" src="js/gen_validatorv4.js" ></script>
        <script type="text/javascript" src="js/kaslid.index.js"> </script>
        <link rel="stylesheet" href="css/style.css"/>
    </head>
    <body class="body-dark">

        <div id="main-wrapper">

            <div id="header-wrapper">
                <div id="header">
                    <div id="logo">
                        <a href="index.html" title="TODO">
                            <img src="img/logo1.png" alt="TODO"/>
                        </a>
                    </div>
                </div>
            </div>
            <!--end header-wrapper-->

            <div id="content-wrapper">
                <div class="main">
                    <div class="sign-in">
                        <div class="signin-box">
                            <h2>Sign in</h2>
                            <form id="loginForm" action="main.html" method="post">

                                <div class="email-div">
                                    <label for="login">
                                        <strong class="login-label">User name</strong>
                                        <!-- <strong class="login-label">Имя пользователя</strong> -->
                                    </label>
                                    <input type="text" spellcheck="false" required="required" name="login" id="login" placeholder="Your login"/>
                                    <div id="loginForm_login_errorloc" class="error_strings"></div>
                                </div>
                                <div class="passwd-div">
                                    <label for="Passwd">
                                        <strong class="passwd-label">Password</strong>
                                        <!-- <strong class="passwd-label">Пароль</strong> -->
                                    </label>
                                    <input type="password" required="required" name="passwd" id="passwd" placeholder="Your password"/>
                                    <div id="loginForm_passwd_errorloc" class="error_strings"></div>
                                </div>
                                <input type="submit" name="signIn" id="signIn" value="Sign in"/>
                            </form>
                        </div>
                        <div class="signin-box">
                            <h2>No account?</h2>
                            <form id="gaia_redirform" action="register.html" method="get">
                                <input type="submit" name="register" id="register" value="Create account"/>
                            </form>

                        </div>
                    </div>

                    <div class="product-info reader">

                    <div class="product-headers">
                        <h1>Write it down and do it</h1>
                    </div>

                        <h3>Got a lot of work in your life?
                            Can't remember the birthday of your second-cousin uncle brother's wife?</h3>

                        <img src="./img/omfg.jpg"  alt="OMFG"/>

                        <h2>Organize yourself!</h2>
                        <h3>By using this service you can:</h3>
                        <ul class="features no-icon">
                            <li>
                                <h4>Be on alert</h4>
                                <p>No unexpected event will take you by surprise, because <strong>you will know about it</strong>.</p>
                            </li>
                            <li>
                                <h4>Suprise others</h4>
                                <p>You remember <strong>all</strong> important occasions.</p>
                            </li>
                            <li>
                                <h4>Become a good lad </h4>
                                <p>Be a man, <strong>%username%</strong>.</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--end content-wrapper-->
            <div id="footer-wrapper">
                <ul id="footer-container-right">
                    <li id="copyright">
                        Copyright © 2012
                        <a href="" title="// TODO:">// TODO:</a>
                        . All Rights Reserved
                    </li>
                    <!--end copyright-->
                    <li id="designed">
                        Designed by Dmitri Maksimov & Nail Saberov
                    </li>
                    <!--end designed -->
                </ul>
            </div>
            <!--end footer-wrapper-->
        </div>  <!--end main wrapper-->
            
        <div id="bottomPanel" > Bottom panel here.</div>

    </body>
</html>